/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
  display: none;
}

::-webkit-scrollbar-corner {
  display: block;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .2);
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, .15);
}

::-webkit-scrollbar-button:start {
  width: 10px;
  height: 10px;
  background: url(./img/scrollbar_arrow.png) no-repeat 0 0;
}

::-webkit-scrollbar-button:start:hover {
  background: url(./img/scrollbar_arrow.png) no-repeat -15px 0;
}

::-webkit-scrollbar-button:start:active {
  background: url(./img/scrollbar_arrow.png) no-repeat -30px 0;
}

::-webkit-scrollbar-button:end {
  width: 10px;
  height: 10px;
  background: url(./img/scrollbar_arrow.png) no-repeat 0 -18px;
}

::-webkit-scrollbar-button:end:hover {
  background: url(./img/scrollbar_arrow.png) no-repeat -15px -18px;
}

::-webkit-scrollbar-button:end:active {
  background: url(./img/scrollbar_arrow.png) no-repeat -30px -18px;
}
